<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>如愿</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="bootstrap-3.3.5/css/bootstrap.css" rel="stylesheet"/>
    <link href="css/index.css" rel="stylesheet"/>
</head>
<body>
<!--头部-->
<div id="main">


<header>
    <div class="masking-out col-sm-1"></div>
    <!--菜单-->
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <a class="navbar-brand col-lg-offset-1" href="#">
            <img alt="Brand" src="img/logo.png" class="logo">
        </a>
        <div class="container-fluid col-lg-offset-8">


            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">

                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only"></span><!--菜单图标-->
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">HOME</a></li>
                    <li><a href="#">Gallery</a></li>
                    <li><a href="#">Style</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <!--菜单end-->
    <figure class="banner-content">
        <img src="img/icon.png" class="icon_name"/>
        <h1>如愿</h1>
        <h2>希望你想要的自由美好都<br>能如愿</h2>
        <div class="download download_ios">
            <div class="black-bg"></div>
            <img src="img/btn_donwload_ios.png"/>
            <div class="version">
                <h1>For iphone</h1>
                <h2>版本:&ensp;v2.0</h2>
            </div>
        </div>
        <div class="download donwload_and">
            <div class="black-bg"></div>
            <img src="img/btn_donwload_and.png"/>
            <div class="version">
                <h1>For Android</h1>
                <h2>版本:&ensp;v2.0</h2>
            </div>
        </div>
    </figure>
</header>
<!--头部end-->

<!--轮播-->
<section class="carousel">
    <div class="controller">
        <img src="img/btn_slider_l.png" class="left-arrow"/>
        <img src="img/btn_slider_r.png" class="right-arrow"/>
        <div class="carousel-hidden">
            <div class="carousel-active">
                <div class="index-card">
                    <img src="img/bg_2.png"/>
                    <h1>将心底最有情怀的愿望<br>记录下来</h1>
                    <div class="line"></div>
                    <p>
                        记录并逐一实现愿望<br>
                        趁着年轻不要给自己留下什么遗憾
                    </p>
                </div>

                <div class="index-card index_card_marL">
                    <img src="img/bg_3.png"/>
                    <h1>将自己独一无二的故事<br>分享出来</h1>
                    <div class="line"></div>
                    <p>
                        让所有感兴趣的人为你的故事点赞<br>
                        将来在看是一段美好的回忆
                    </p>
                </div>

                <div class="index-card index_card_marL">
                    <img src="img/bg_4.png"/>
                    <h1>结识与你志同道合的<br>挚友</h1>
                    <div class="line"></div>
                    <p>
                        值得交往的人一直都在，只是在伪装的社会<br>
                        里面伪装的Ta没有被你发现而已
                    </p>
                </div>

                <div class="index-card index_card_marL">
                    <img src="img/bg_5.png"/>
                    <h1>给自己在乎的人和事<br>一片纯净的自留地</h1>
                    <div class="line"></div>
                    <p>
                        很多事不用跟着喧嚣的世界讲<br>
                        因为真懂你且在乎你的只有那么几个<br>
                        在如愿，快速找到你想要的那几个
                    </p>
                </div>

                <div class="index-card index_card_marL">
                    <img src="img/bg_6.png"/>
                    <h1>在这里，你也会看到各种各样的愿望<br>
                        也会遇到有趣的温暖的小伙伴
                    </h1>
                    <div class="line"></div>
                    <p>
                        与我们分享<br>
                        你一直深藏心底的愿望，<br>
                        然后让梦想在你的身上开出现实的花朵
                    </p>
                </div>

                <div class="index-card index_card_marL">
                    <img src="img/bg_7.png"/>
                    <h1>我们坚信，幸福饱满的人生，<br>
                        就是每一个小小心愿的达成
                    </h1>
                    <div class="line"></div>
                    <p>
                        与我们分享<br>
                        你一直深藏心底的愿望，<br>
                        然后让梦想在你的身上开出现实的花朵
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>
<!--轮播end-->

<!--团队介绍-->
<section class="team_introduction">
        <div class="introduction_img">
            <img src="img/bg_8.jpg"/>
        </div>

        <div class="introduction">
            <p>
                华腾锐达战队成立于2016年3月</br>
                目前共有14名队员,</br>
                产品、测试、设计、安卓、</br>
                苹果、前端、后台、运营全涵盖无死角</br>
                我们没有名校学历却有坚实技术</br>
                没有海归背景却有开阔思维</br>
                我们最大的优势是年轻</br>
                有理想不空想,敢做敢担当.</br>
                对未来有期待,对工作有激情.</br>
                我们是个友爱的团体,</br>
                和亲密的小伙伴做着自己喜欢的事情,</br>
                就是这样.
            </p>
        </div>

</section>
<!--团队介绍end-->

<!--核心成员-->
<section class="core_members">
        <div class="core_part">
            <h1>【核心成员】</h1>
            <div class="part_d">
                <div class="div_img">
                    <img src="img/wmj.gif" class="part_img"/>
                    <p>
                        王沫钧<br>
                        创始人/CEO<br>
                        wangmojun@htrdit.com<br>
                    </p>
                </div>
            </div>

            <div class="part_d margin_left_3rem">
                <div class="div_img">
                    <img src="img/hch.gif"/>
                    <p>
                        胡成浩<br>
                        联合创始人/CTO<br>
                        huchenghao@htrdit.com<br>
                    </p>
                </div>
            </div>

            <div class="part_d margin_left_3rem">
                <div class="div_img">
                    <img src="img/scz.png"/>
                    <p>
                        邵广增<br>
                        联合创始人/CPO<br>
                        shaoguangzeng@htrdit.com<br>
                    </p>
                </div>
            </div>
        </div>
</section>
<!--核心成员end-->
<section class="map">
        <div>
            <div class="map_baidu"  id="dituContent"></div>
            <div class="contact">
                <div class="info">
                    <img src="img/number.png"/>
                    <h1>010-61779980</h1>
                </div>
                <div class="info">
                    <img src="img/email.png"/>
                    <h1>kefu@htrdit.com</h1>
                </div>
                <div class="info">
                    <img src="img/weixin.png"/>
                    <h1>如愿APP</h1>
                </div>
                <div class="info">
                    <img src="img/weibo.png"/>
                    <h1>华腾锐达</h1>
                </div>
                <div class="info">
                    <img src="img/address.png"/>
                    <h1 class="address">北京市昌平区珠江摩尔国际大厦<br>3号楼2单元1901室</h1>
                </div>
            </div>
        </div>
</section>
<footer>
    <!--小火箭飞呀飞-->
    <div id="up">
        <img src="img/rock.png"/>
    </div>
    <!--小火箭飞呀飞end-->
    <div class="icp">
        <aside>京ICP备16024028号</aside>
        <aside>北京华腾锐达科技有限公司版权所有</aside>
    </div>
</footer>
</div>
<script src="js/jquery-2.1.1.js"></script>
<script src="bootstrap-3.3.5/js/bootstrap.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
<script src="js/baiduMap.js"></script>
<script src="js/index.js"></script>
</body>
</html>